<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <title>Lightly-HTML-Project</title>
  <link type="text/css" href="css/style.css" rel="stylesheet">
  <script type="text/javascript">
    var onMenuClick = function (name) {
      var btntoopt = document.getElementById(name);
      btntoopt.className = "menu-select";
      if (name === "sysconfig") {
        btntoopt = document.getElementById("appconfig");
        btntoopt.className = "menu";
        btntoopt = document.getElementById("devinfo");
        btntoopt.className = "menu";
        parent.mainFrame.location.href = "sysconfig.html"
      }
      else if (name === "appconfig") {
        btntoopt = document.getElementById("sysconfig");
        btntoopt.className = "menu";
        btntoopt = document.getElementById("devinfo");
        btntoopt.className = "menu";
        parent.mainFrame.location.href = "appconfig.html"
      }
      else if (name === "devinfo") {
        btntoopt = document.getElementById("sysconfig");
        btntoopt.className = "menu";
        btntoopt = document.getElementById("appconfig");
        btntoopt.className = "menu";
        parent.mainFrame.location.href = "devinfo.html"
      }
    }
    window.onload = function() {
      onMenuClick("sysconfig");
    }
  </script>
</head>

<body>
  <div id="menu">
    <div class="sdmenu" style="position: absolute; width: 100%; height: 100%">
      <div id="sysconfig" class="menu" style="height: 40px;" onclick="onMenuClick('sysconfig')">
        <div style="padding-left: 21px;">
          <span"></span><span style="line-height: 40px;display: block;">系统设置</span>
        </div>
      </div>
      <div id="appconfig" class="menu" style="height: 40px;" onclick="onMenuClick('appconfig')">
        <div style="padding-left: 21px;">
          <span></span><span style="line-height: 40px;display: block;">应用设置</span>
        </div>
      </div>
      <div id="devinfo" class="menu" style="height: 40px;" onclick="onMenuClick('devinfo')">
        <div style="padding-left: 21px;">
          <span></span><span style="line-height: 40px;display: block;">设备信息</span>
        </div>
      </div>
    </div>
  </div>
</body>

</html>